<html>
	<head>
		<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
		<script type="text/javascript" src="http://localhost:8080/crp.web/test.js"></script>
		<script type="text/javascript" >
			$(document).ready(function() {
				$("button").click(function() {
					$("div").animate({
						left : '250px'
					});
				});
			});
		</script>
		</script>

	</head>
	<body>
		<button>
			开始动画
		</button>
		<p>
			默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
		</p>
		<div style="background:#98bf21;height:100px;width:100px;position:absolute;"></div>
	</body>

</html>